<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <title>美食杰--注册页</title>
    <link rel="stylesheet" href="/css/login.css">
</head>
<body>
    <!-- 上边 -->
    <div id="top">
        <a href="#" id="top_1">
            <img src="/images/lang_login_2.png" alt="">
        </a>
        <ul>
            <a href="#">首页</a>
            <a href="#">菜谱大全</a>
            <a href="#">饮食健康</a>
            <a href="#">美食菜单</a>
            <a href="#">美食达人</a>
            <a href="#">菜谱视频</a>
            <a href="#">产品下载</a>
        </ul>
    </div>
    <div id="top_2"></div>

    <p>欢迎来到美食杰<p>


    <!-- 注册框 -->
    <div id="top_3">
        <form action="">
            <h1>
                注册美食杰
            </h1>
            <input type="text" placeholder="请输入手机号" id="inp_1"><br>
            <input type="text" placeholder="请输入验证码" id="inp_2">
            <a href="javascript:;" id="a_1">获取验证码</a><br>
            <input type="checkbox" id="inp_3">   <span style="color:#999;">我已阅读并且同意美食杰</span><a href="#" class="a_2">《用户协议》</a><span style="color:#999;">和</span><a href="#" class="a_2">《隐私政策》</a><br>
            <a href="javascript:;" id="a_3">注  册</a><br>
            <a href="#" id="a_4">已有账号？立即登录</a><br>
            <div id="top_3_1">
               ———————  &nbsp&nbsp&nbsp&nbsp使用第三方登录  &nbsp&nbsp&nbsp&nbsp———————
            </div>
            <ul>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </ul>
            <a href="#" id="a_5">更多第三方登录方式</a>
        </form>
        
    </div>
</body>
</html>